//获取地址栏上的商品id
let url = window.location.href.split("/");
let pdId = url[url.length-1];
console.log(pdId)

//在页面加载完毕时，获取产品详情信息
let v = new Vue({
    el: "#type_info",
    data: {
        pInfo:[],
        Iversion:" ",
        typePrice: 0,
        selectTypeId: 0,    //选中的商品配置类型id
        selectProductId: 0  //选中的商品id
    },
    /*当页面加载完毕时，会自动调用这个方法（vue对象的生命周期方法）*/
    created: function() {
        //发请求到后台,通过商品Id获取商品型号信息
        axios.get("/shoppingsingle/ddKindType/"+pdId).then(function(response) {
            v.pInfo = response.data; //把查询到的图书信息给到Vue的变量
        })
    },
    methods: {
        /**
         * 改变样式
         * @param typeId
         */
        myChange: function(typeId){
            for(let i in v.pInfo){
                if(v.pInfo[i].id != typeId){
                    //取消高亮显示
                    document.getElementById('myDiv_'+ v.pInfo[i].id).classList.remove("myClass"); //在原有的基础上移除
                    document.getElementById('a_'+ v.pInfo[i].id).classList.remove("myA"); //在原有的基础上移除
                }else{
                    //设置选中的配置
                    v.Iversion = v.pInfo[i].pdVersion;
                    v.typePrice = v.pInfo[i].pdPrice;
                    v.selectTypeId = v.pInfo[i].id;
                    v.selectProductId = v.pInfo[i].pdId;
                    //设置为高亮显示
                    document.getElementById('myDiv_'+ v.pInfo[i].id).classList.add("myClass"); //在原来的后面加这个
                    document.getElementById('a_'+ v.pInfo[i].id).classList.add("myA"); //在原来的后面加这个
                }

            }
        },
        /**
         * 提交订单
         */
        addOrder: function () {
            let typeId = v.selectTypeId; //获取被选中的配置id
            let productId = v.selectProductId; //获取被选中的商品id
            if (typeId!=0 && productId!=0){
                axios.post("/shoppingsingle/ddOrderInfo/addOrder/"+typeId+"/"+productId).then(function(response) {
                    if (response.data.success==true){
                        //调用支付流程
                        location.href = "/alipay?orderId="+ response.data.data;
                    }else{
                        alert("下单失败！");
                    }
                });
            }
        },
        /**
         * 添加购物车页面
         */
        addCart: function () {
            let typeId = v.selectTypeId; //获取被选中的配置id
            let productId = v.selectProductId; //获取被选中的商品id
            if (typeId!=0 && productId!=0){
                axios.post("/shoppingsingle/ddCartDetail/addCart/"+typeId+"/"+productId).then(function(response) {
                    if (response.data.success==true){
                        //添加购物车成功
                        alert("添加购物车成功！");
                    }
                });
            }
        }
    }
});

